<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
<script>
 // 封装一个函数，当页面加载完毕之后，在控制台打印出页面已经加载完成信息
function myOnload(val){
    val.onload=function(){
    console.log("页面加载完毕");
}
}
myOnload(window)

// 封装一个函数绑定到图片元素上，当图片元素加载完毕之后，在控制台打印出图片已经加载完成信息
function myImgonload(val,imgSrc){
    val.onload = function(){
    document.body.appendChild(val);
    console.log('加载完成图片')
    }
    val.src=imgSrc;
}
myImgonload(img = new Image(),"../css篇/mountain.jpg")
// 封装一个函数绑定到图片元素上，当图片元素加载发生错误，在控制台打印出图片加载错误信息
var image = new Image();
document.body.appendChild(image);
image.src = 'smilex.gif';

function myImgerr(val){
    val.onerror = function(e){
    console.log(e)
    }
}
myImgerr(image)
// 封装一个函数，当关闭页面时，弹出一个文本内容为再见的提示框
// window.onunload = f;
// function f() {
//     alert("888");
// }
</script>
</html>